這邊先發誓這篇真的是刮刮樂系列的最後一篇文，
其實我也不想這麼拖台錢，但是如果不這樣湊文章內容，
我真的撐不到三十天><

在[Day2] 人資秒跪! 全台唯一線上刮刮樂履歷上線囉! 留言區有幾位朋友想看刮刮樂的手機版教學，
其實大同小異，只要改4個地方就可以了!

要更改的程式碼部分(完整版請看第二天文章)

        c1.ontouchstart = function(ev){ // 原本是onmousedown 
		c1.ontouchmove = function(e){  // 原本是onmousemove 
			console.log(e);
			var w = 50;	
			var h = 50;	
			var x = e.pageX-c1.offsetLeft - w/2;
			var y = e.pageY-c1.offsetTop - h/2;
			ctx1.clearRect(x,y,w,h);
		}
		}
		c1.ontouchend = function(ev){ // 原本是onmouseup 

		c1.ontouchmove = null; // 原本是onmousemove 
		}

完成結果

為了做這個東西，我還特別去彩券行買了兩張刮刮樂來掃描做圖檔 (還沒中獎氣死)，
結果發現台灣彩券APP就有圖檔了哀...

大家過年的時候可以把底圖改成沒中獎的版本，把連結貼到家族群組上，
說刮到的錢就是紅包錢喔! (結果都刮不中笑死)

淺談JavaScript觸控事件

為甚麼電腦跟手機版本的刮刮樂會有差異呢?
因為在電腦，我們是靠滑鼠來控制動作，跟在手機平板用觸控的方式不一樣，
因次兩者的觸控事件也會不同喔~

• touchstart : 手指在碰到螢幕時會觸發
• touchmove : 手指在螢幕上滑動時觸發
• touchend : 手指從螢幕上拿起來的時候會觸發

補充

如果大家有興趣又有時間的話可以存多一點刮完的照片，
然後用random讓每次出現的刮刮樂底圖都不一樣，
不然到時候親戚們發現全部刮刮樂都長一樣就真的完蛋了(當然每一張都還是不會中獎)